html,body{
	height: auto;
}
.calculation{
	padding:12px 0 0 0;
	text-align: center;
	color: #3d3d3d;
	font-size: 12px;
}
.performance{
	margin:14px 15px;
	background: #fff;
}

.performanceTitle{
	font-size: 14px;
	color: #3d3d3d;
	text-align: left;
	height: 40px;
	line-height: 40px;
	color:#2e95f0;
	 padding: 0 15px; 
	 border-bottom: 1px solid #b6b6b4;
}
.performanceTitle span{
	color:#3d3d3d;
	font-size: 18px;
	float: left;
}
.performanceTitle span:nth-child(2){
	color: #2e95f0;
	float: right;
}
.performanceContent {
	font-size: 16px;
	color: #3d3d3d;
	 /*padding: 0 15px;*/ 
	
}
.performanceContent ul li{
	float:left;
	width: 40%;
	display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 15px;
}
.performanceinfo{
	width: 100%;
	margin-left: 8px;
}
.performanceinfo > p{
	color: #3D3D3D;
	margin-top: 5px;
}
.performanceinfo>div{
	width: 100%;
}
.performanceinfo>div>div{
	width: 70%;
	float:left;
}
.performanceinfo .infoNumber{
	float:left;
	line-height: 13px;
	margin-left: 5px;
}
/*四个颜色文字*/
.performanceContent li:nth-child(1) .performanceinfo>div>.infoNumber{
	color: rgb(46,146,240);
}
.performanceContent li:nth-child(2) .performanceinfo>div>.infoNumber{
	color: rgb(249,108,137);
}
.performanceContent li:nth-child(3) .performanceinfo>div>.infoNumber{
	color: rgb(255,173,43);
}
.performanceContent li:nth-child(4) .performanceinfo>div>.infoNumber{
	color: rgb(122,134,127);
}
/*四个大小*/
.performanceContent li:nth-child(1) .performanceinfo>div>div{
	width: 60%;
}
.performanceContent li:nth-child(2) .performanceinfo>div>div{
	width: 50%;
}
.performanceContent li:nth-child(3) .performanceinfo>div>div{
	width: 40%;
}
.performanceContent li:nth-child(4) .performanceinfo>div>div{
	width: 20%;
}
.performanceContent li > div:nth-child(1){
	width: 40px;
}
/*四个i的颜色*/
.performanceContent li > div > i{
	font-size: 30px;
}
.performanceContent li > div > img{
	width: 80%;
}
/*四个滚动条的颜色*/
.performanceContent li:nth-child(1) .progressall{
	background: -webkit-linear-gradient(left top, rgb(46,146,240) , rgb(128,212,251)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, rgb(46,146,240) , rgb(128,212,251)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, rgb(46,146,240) , rgb(128,212,251)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left right, rgb(46,146,240) , rgb(128,212,251)); /* 标准的语法（必须放在最后） */
	height: 10px;
	}
.performanceContent li:nth-child(1) .hui-progress{
	height: 10px;
	width: 100%;
}

.performanceContent li:nth-child(2) .progressall{
	background: -webkit-linear-gradient(left top, rgb(249,108,137) , rgb(255,215,223)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, rgb(249,108,137) , rgb(255,215,223)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, rgb(249,108,137) , rgb(255,215,223)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left right, rgb(249,108,137) , rgb(255,215,223)); /* 标准的语法（必须放在最后） */
	height: 10px;
	}
.performanceContent li:nth-child(2) .hui-progress{
	height: 10px;
	width: 100%;
}

.performanceContent li:nth-child(3) .progressall{
	background: -webkit-linear-gradient(left top, rgb(255,173,43) , rgb(255,223,103)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, rgb(255,173,43) , rgb(255,223,103)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, rgb(255,173,43) , rgb(255,223,103)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left right, rgb(255,173,43) , rgb(255,223,103)); /* 标准的语法（必须放在最后） */
	height: 10px;
	}
.performanceContent li:nth-child(3) .hui-progress{
	height: 10px;
	width: 100%;
}

.performanceContent li:nth-child(4) .progressall{
	background: -webkit-linear-gradient(left top, rgb(122,134,127) , rgb(170,176,173)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, rgb(122,134,127) , rgb(170,176,173)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, rgb(122,134,127) , rgb(170,176,173)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to left right, rgb(122,134,127) , rgb(170,176,173)); /* 标准的语法（必须放在最后） */
	height: 10px;
	}
.performanceContent li:nth-child(4) .hui-progress{
	height: 10px;
	width:100%;
}